{% extends 'base.html.twig' %}

{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('assets/css/commonHeader.css') }}"/>
    <link rel="stylesheet" href="{{ asset('assets/gritter/jquery.gritter.css') }}"/>

    <style>
        .header .col-sm-7 ul li p a.active {
            border-bottom: 2px solid #FFFFFF;
            padding-bottom: 8px;
        }
    </style>
    <!--[if lt IE 9]>
    <style type="text/css">
        .header .logo_title P.adderssName {
            font-size: 30px;
        }

        .header .logo_title P.adderss {
            font-size: 37px;
        }
    </style>
    <![endif]-->
    <!--[if IE]>
    <style type="text/css">
        .psectle .list1taxr .list1select select, .psectle .list1bax th p select {
            padding-right: 0;
        }
    </style>
    <![endif]-->
{% endblock %}
{% block body %}
    <div class="container-fluid">
        <div class="row header" style="background-image:url('{{ asset('assets/img/header.jpg') }}')">
            <div class="col-sm-5">
                <a href="{{ path('index_index') }}">
                    <div class="col-sm-3 img_logole">

                        <img src="{{ asset('assets/img/images/logole.png') }}"/>

                    </div>
                    <div class="img-responsive logo_img logo_title col-sm-7">
                        <p class="adderss">绵阳市计量测试所</p>
                        <p class="adderssName">综合办公信息管理系统</p>
                    </div>
                </a>
                <div class="account col-sm-2"><a href="{{ path('index_index') }}"><img
                                src="{{ asset('assets/img/01.png') }}">
                        <p>{{ app.session.get('user').username }}</p></a></div>
            </div>
            <div class="col-sm-7">
                <ul class="list-inline">
                    <li>
                        <a href="{{ path('logout') }}"><img src="{{ asset('assets/img/10.png') }}"></a>
                        <p><a href="{{ path('logout') }}">退出系统</a></p>
                    </li>

                    <li>
                        <a href="{{ path('index_system') }}"><img src="{{ asset('assets/img/09.png') }}"></a>
                        <p><a href="{{ path('index_system') }}">系统设置</a></p>

                    <li>
                        <a href="{{ path('index_msn') }}"><img src="{{ asset('assets/img/46.png') }}"></a>
                        <p><a href="{{ path('index_msn') }}?>">通讯录</a></p>
                    </li>

                    <li>
                        <a href="{{ path('index_memo') }}"><img src="{{ asset('assets/img/45.png') }}"></a>
                        <p><a href="{{ path('index_memo') }}">备忘录</a></p>
                    </li>

                    <li>
                        <a href="{{ path('index_rule') }}"><img src="{{ asset('assets/img/44.png') }}"></a>
                        <p><a href="{{ path('index_rule') }}">公告管理</a></p>
                    </li>

                    <li>
                        <a href="{{ path('index_parameter') }}"><img src="{{ asset('assets/img/43.png') }}"></a>
                        <p><a href="{{ path('index_parameter') }}">固定资产管理</a></p>
                    </li>

                    <li>
                        <a href="{{ path('index_car') }}"><img src="{{ asset('assets/img/42.png') }}"></a>
                        <p><a href="{{ path('index_car') }}">车辆管理</a></p>
                    </li>

                    <li>
                        <a href="{{ path('index_attendence') }}"><img src="{{ asset('assets/img/41.png') }}"></a>
                        <p><a href="{{ path('index_attendence') }}">考勤管理</a></p>
                    </li>
                </ul>
            </div>
        </div>
        {% block content %}
        {% endblock %}
    </div>
{% endblock %}
{% block javascripts %}
    <script type="text/javascript">
        $(document).ready(function () {
            function Distance_jud() {
                var W = $("body").width();
                var H = $(window).height();
                var Hbodyl = $(".bodyl").height();
                var Wl = $(".bodyl").width();
                var H1 = H - 168;
                var W1 = W - Wl - 2;
                $(".bodyr").width(W1);
                var Topbodyr = $(".bodyr").offset().top;
                if (Topbodyr > 200) {
                    for (var i = 0; i < 300; i++) {
                        var W1 = W - i - 2;
                        $(".bodyr").width(W1);
                        if ($(".bodyr").offset().top < 200) {
                            break;
                        }
                    }
                }
                if (Hbodyl < H1) {
                    $(".bodyer").height(H1);
                } else {
                    $(".bodyer").height(Hbodyl);
                }
            }

            Distance_jud();

            $(window).on("resize", function () {
                Distance_jud();
            });

            $(".bodyl_tit").click(function () {
                var img_s = $(this).find(".bodyl_titr");
                if ($(this).next(".bodyl_con_chil").css("display") == 'block') {
                    $(".bodyl_con_chil").slideUp('400');
                    img_s.attr("src", "{{ asset('assets/img/65.png') }}")
                } else {
                    $(".bodyl_con_chil").slideUp('400');
                    $(this).next(".bodyl_con_chil").slideDown();
                    if (img_s.attr("src") == "{{ asset('assets/img/65.png') }}") {
                        $(this).parent("li").siblings().children(".bodyl_tit").children(".bodyl_titr").attr("src", "{{ asset('assets/img/65.png') }}")
                        img_s.attr("src", "{{ asset('assets/img/55.png') }}")
                    }
                }
                $(".bodyl_titr1").attr("src", "{{ asset('assets/img/55.png') }}");
                Distance_jud();
            })
            $(".bodyl_con_chil ul li").click(function () {
                $(this).siblings().removeClass("body1_colors");
                $(this).addClass("body1_colors");
            })

        });
    </script>
{% endblock %}


